body {
	background-color: #fdfdfd;
}

html .row {
	margin-right: unset;
	margin-left: unset;
}
	
// Stops links pushing out container.
// Experimental usage on P tag.
// Due to Archived project github link.
a {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	hyphens: auto;
}

// Adds some extra space to anchor targets.
*:target {
	scroll-margin-top: 2rem;
	@media (min-width: 768px) {
		scroll-margin-top: 3rem;
	}
}

@media (max-width: 992px) {
	.section-group {
		section:first-child {
			padding-top: 4rem;
		}
		section::last-child {
			padding-bottom: 4rem;
		}
	}

	.feature-block + .feature-block {
		margin-top: 4em;
	}

	.mb-10 {
		margin-bottom: 6em;
	}
}

@media (min-width: 576px) {
	.container-sm,
	.container {
		max-width: 100% !important;
	}
}

@media (min-width: 768px) {
	// Align main content on desktop.
	.td-main main {
		padding-top: 9.5rem;
	}
	.td-box .row {
		padding-left: 0vw;
		padding-right: 0vw;
		flex-direction: row;
	}
}

section {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.td-box--gray-900 {
	color: #fff;
	background-color: #403f4c;
}
.td-box--gray-700 {
	color: #fff;
	background-color: #12182c; // WCAG.
}
.td-box--gray-300 {
	color: #000;
	background-color: #f5f6ff;
}
.td-box--gray-200 {
	color: #000;
	background-color: #eaeeff;
}

.td-box--white p > a {
	color: $link-color;
}
